<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0032)http://kmrg.itb.ac.id/blog/?p=14 -->
<html xmlns="http://www.w3.org/1999/xhtml"><head profile="http://gmpg.org/xfn/11"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<title>
kmrg / re:born  » Blog Archive   » Web Engineering</title>

<meta name="generator" content="WordPress 2.0.4"> <!-- leave this for stats -->

<link rel="stylesheet" href="./kmrg   re born » Blog Archive » Web Engineering_files/style.css" type="text/css" media="screen">
<link rel="alternate" type="application/rss+xml" title="kmrg RSS Feed" href="http://kmrg.itb.ac.id/blog/?feed=rss2">
<link rel="pingback" href="http://kmrg.itb.ac.id/blog/xmlrpc.php">

<style type="text/css" media="screen">

/*	#page { background: url("http://kmrg.itb.ac.id/blog/wp-content/themes/kmrg_reborn/images/kubrickbgwide.jpg") repeat-y top; border: none; */ } 

</style>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://kmrg.itb.ac.id/blog/xmlrpc.php?rsd">
</head>
<body>
<div id="page">

<div id="header" class="clearboth">
	<div id="headerright" class="floatright half">
	<!--	<h1><a href="http://kmrg.itb.ac.id/blog/">kmrg</a></h1> -->
		<h1>kmrg</h1>
	</div>
	<div id="headerleft" class="floatleft half">
		<h2>knowledge management research group</h2>
	</div>
</div>
<hr>

<div class="clearboth">
<div id="nav" class="floatright half">
<a href="http://kmrg.itb.ac.id/">Home</a> / <a href="http://kmrg.itb.ac.id/blog/">Blog</a> / <a href="http://kmrg.itb.ac.id/blog/?page_id=16">Contact</a></div>
</div>

<hr>

<div class="main clearboth">

<div class="floatleft threeforth">

  
		<div class="navigation">
			<div class="alignleft">« <a href="http://kmrg.itb.ac.id/blog/?p=11">Speed Up</a></div>
			<div class="alignright"><a href="http://kmrg.itb.ac.id/blog/?p=15">Re-Enginering GDL 4.0</a> »</div>
		</div>

		<div class="post" id="post-14">
			<h2><a href="./kmrg   re born » Blog Archive » Web Engineering_files/kmrg   re born » Blog Archive » Web Engineering.htm" rel="bookmark" title="Permanent Link: Web Engineering">Web Engineering</a></h2>

			<div class="entry">
				<p>1.1 Rekayasa Web (Web Engineering)<br>
     	Dalam jangka waktu yang relatif singkat, Internet dan World Wide Web (biasa disebut dengan web) telah berkembang dengan sangat pesat sehingga dapat melampaui kecepatan perkembangan teknologi lainnya di dunia. Internet dan web juga berkembang pesat dalam hal jangkauan dan luas bidang kegunaan yang secara nyata mempengaruhi beberapa  aspek kehidupan. Industri, seperti manufaktur, biro perjalanan, rumah sakit, perbankan, pendidikan dan pemerintahan menggunakan web untuk meningkatkan efisiensi operasional mereka.<br>
	Saat ini banyak diantara kita bergantung pada sistem dan aplikasi yang menggunakan antarmuka web yang harus berjalan dengan baik dan terpercaya. Oleh karena itu para pengembang web membutuhkan suatu metoda, suatu bidang keilmuan dan proses yang dapat diduplikasi, alat-alat pengembang web yang baik dan panduan-panduan dalam proses pengembangan web yang baik.<br>
Web engineering (rekayasa web) adalah suatu proses yang digunakan untuk menciptakan suatu sistem aplikasi berbasis web dengan menggunakan ilmu rekayasa, prinsip-prinsip manajemen dan pendekatan sistematis sehingga dapat diperoleh sistem dan aplikasi web dengan kualitas tinggi. Tujuannya untuk mengendalikan pengembangan, minimalisasi resiko dan meningkatkan kualitas sistem berbasis web. [2]</p>
<p>1.1.1  Kualitas Sistem dan Aplikasi berbasis Web<br>
Ada beberapa parameter yang dapat digunakan untuk mengukur aplikasi berbasis web.</p>
<p>Gambar II 1 Parameter Kualitas Aplikasi pada Sistem Berbasis Web</p>
<p>1.1.2  Alur Kerja Rekayasa Web </p>
<p>	Bertolak belakang dengan persepsi dari beberapa pengembang perangkat lunak dan ahli-ahli dalam bidang rekayasa perangkat lunak (software engineering professional), rekayasa web tidaklah sama dengan rekayasa perangkat lunak walaupun keduanya melibatkan pemrograman dan pengembangan perangkat lunak.<br>
	Walaupun rekayasa web banyak mengadopsi prinsip-prinsip rekayasa perangkat lunak, rekayasa web memiliki banyak pendekatan, metoda, alat bantu, teknik dan panduan yang memenuhi persyaratan pembuatan sistem berbasis web.<br>
	Pengembangan sistem berbasis web berbeda dengan pengembangan perangkat lunak konvensional, dimana pengembangan sistem berbasis web lebih banyak menghadapi tantangan. Pengembangan web adalah gabungan dari print publishing dan pengambangan perangkat lunak, diantara marketing dan perhitungan dan diantara seni dan teknologi.<br>
Alternatif  model dari rekayasa web adalah sebagai berikut :</p>
<p>Gambar II 2 Alur Kerja Rekayasa Web<br>
	 1.1.2.1  Formulasi (formulation)<br>
Kegiatan yang berfungsi untuk merumuskan tujuan dan ukuran dari aplikasi berbasis web  serta menentukan batasannya sistem.<br>
Tujuan yang ingin dicapai bisa dibedakan menjadi dua kategori, yaitu :<br>
1.	Tujuan yang bersifat informatif<br>
Menyediakan suatu informasi tertentu kepada pengguna, berupa teks, grafik, audio, dan video.<br>
2.	Tujuan yang bersifat fungsional<br>
Kemampuan untuk melakukan suatu fungsi yang dibutuhkan pengguna, misal dengan menggunakan aplikasi tersebut seorang dosen dapat memperoleh nilai akhir dan statistik nilai mahasiswa dari data-data ujian, tugas, kuis yang ia input ke dalam aplikasi.</p>
<p>	 1.1.2.2  Perencanaan (planning)<br>
	Kegiatan yang digunakan untuk menghitung estimasi biaya proyek pembuatan aplikasi berbasis web ini, estimasi jumlah pengembang, estimasi waktu pengembangan, evaluasi resiko  pengembangan proyek, dan mendefinisikan jadwal pengembangan untuk versi selanjutnya (jika diperlukan).</p>
<p>	 1.1.2.3  Analisis (analysis)<br>
	Kegiatan untuk menentukan persyaratan � persyaratan teknik dan mengidentifikasi informasi yang akan ditampilkan pada aplikasi berbasis web. Analisis yang digunakan pada rekayasa web dilakukan dari empat sisi, yaitu :<br>
1.	Analisis isi informasi<br>
Mengidentifikasi isi yang akan ditampilkan pada aplikasi berbasis web ini. Isi informasi dapat berupa teks, grafik, audio, maupun video.<br>
2.	Analisis interaksi<br>
Analisis yang menunjukkan hubungan antara web dengan pengguna.<br>
3.	Analisis fungsional<br>
Analisis tentang proses bagaimana aplikasi berbasis web ini akan menampilkan informasi kepada pengguna.<br>
4.	Analisis konfigurasi<br>
Konfigurasi yang digunakan pada aplikasi berbasis web, internet, intranet, atau extranet. Selain itu, analisis ini juga meliputi relasi database dengan web jika diperlukan.</p>
<p>	 1.1.2.4  Rekayasa (engineering)<br>
	Terdapat dua pekerjaan yang dilakukan secara paralel, yaitu  desain isi informasi dan desain arsitektur web.</p>
<p>	 1.1.2.5  Implementasi (page generation) &amp; pengujian (testing)<br>
	Suatu kegiatan untuk mewujudkan desain menjadi suatu web site. Teknologi yang digunakan tergantung dengan kebutuhan yang telah dirumuskan pada tahap analisis.<br>
	Pengujian dilakukan setelah implementasi selesai dilaksanakan. Pengujian meliputi beberapa parameter yang akan menentukan standar aplikasi berbasis web  yang telah dibuat. Tahap pengujian adalah suatu proses untuk menguji aplikasi berbasis web yang telah selesai dibuat. Hal ini bertujuan untuk menemukan kesalahan dan kemudian memperbaikinya. Pengembang suatu aplikasi berbasis web mendapat tantangan besar untuk melakukan pengujian karena karakter aplikasi ini yang beroperasi pada jaringan dengan berbagai macam pengguna, berbagai macam sistem operasi, perangkat keras, browser, protokol komunikasi, dll.<br>
	Ada beberapa pendekatan yang digunakan untuk melakukan pengujian, yaitu :<br>
1.	Pengujian fungsional dan operasional (fungsional and operational testing)<br>
Bertujuan untuk menguji masukan dan keluaran dari aplikasi ini.<br>
Hasil keluaran aplikasi bergantung dari teknologi yang digunakan, baik itu bahasa pemrograman maupun bahasa skrip yang digunakan.<br>
Untuk menguji code HTML dan CSS yang digunakan dapat menggunakan alat bantu W3C HTML Validation Service di http://validator.w3.org/ dan W3C CSS Validation Service di http://jigsaw.w3.org/css-validator/<br>
2.	Pengujian navigasi (navigation testing)<br>
Hal ini digunakan untuk melihat kesesuaian antara desain navigasi dengan navigasi yang ada di aplikasi. Navigasi berhubungan dengan link-link yang terdapat didalam aplikasi.<br>
Untuk menguji link dapat digunakan alat bantu W3C Link Checker Service  di http://validator.w3.org/checklink<br>
3.	Pengujian konfigurasi (configuration testing)<br>
Pengujian ini dilakukan pada  sistem operasi, browser, sistem perangkat keras dan perangkat lunak pendukung. Pengujian ini dilakukan untuk menentukan batas toleransi kebutuhan aplikasi akan perangkat lunak dan perangkat keras pendukungnya.<br>
4.	Pengujian keamanan dan performansi (security and performance testing)<br>
Pengujian ini dilakukan untuk melihat tingkat keamanan aplikasi dengan cara menguji aspek-aspek yang dapat menimbulkan gangguan keamanan aplikasi maupun server. Keamanan aplikasi sangat bergantung pada teknologi pengembangan website, konfigurasi server yang digunakan dan kelakuan sistem. Pengujian performansi dapat dilakukan bersamaan dengan pengujian keamanan aplikasi, karena keamanan aplikasi berbasis web juga tergantung dari performansi server dan aplikasi tersebut.</p>
<p>	 1.1.2.6  Evaluasi oleh konsumen (customer evaluation)<br>
	Suatu kegiatan akhir dari siklus proses rekayasa web, akan menentukan apakah web yang telah selesai dibuat tersebut sesuai dengan yang mereka inginkan. Apabila aplikasi berbasis web ini belum sesuai dengan kehendak mereka, maka proses rekayasa web akan terus dilakukan dan dimulai lagi dari tahap formulasi untuk versi berikutnya.</p>
<p>Pustaka :<br>
[1] 	Turban, Mc Lean, and Wetherbe, �Information Technology for Management�, Second Edition, John Wiley &amp; Sons, Inc, 1999.</p>
<p>[2] 	S. Murugesan et al., �Web Engineering: A New Discipline for Web-Based System Development,� Proc. First Int�l Conf. Software Engineering (ICSE) Workshop on Web Engeering, Univ. of Western Sydney, Australia, 1999, http://aeims.uws.edu.au/WebEhome/ICSE99-WebE-Proc/San.doc.
</p>

				
				<p class="postmetadata alt">
					<small>
						This entry was posted
						 
						on Tuesday, January 4th, 2005 at 6:29 pm						and is filed under <a href="http://kmrg.itb.ac.id/blog/?cat=3" title="View all posts in News" rel="category tag">News</a>.
						You can follow any responses to this entry through the <a href="http://kmrg.itb.ac.id/blog/?feed=rss2&p=14">RSS 2.0</a> feed. 

													Both comments and pings are currently closed.

						
					</small>
				</p>

			</div>
		</div>

	
<!-- You can start editing here. -->


  		<!-- If comments are closed. -->
		<p class="nocomments">Comments are closed.</p>

	


	
	</div>

<div id="sidebar" class="floatright quart">


		<ul>
                        <li><h2>Search</h2>
                                <form method="get" id="searchform" action="http://kmrg.itb.ac.id/blog/">
<div><input type="text" value="" name="s" id="s">
<input type="submit" id="searchsubmit" value="Search">
</div>
</form>
                        </li>

<!--
			<li><h2>kmrg / blog</h2>
			<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
			</li>
-->
			<li>
						</li>

			<li class="pagenav"><h2>Pages</h2><ul><li class="page_item"><a href="http://kmrg.itb.ac.id/blog/?page_id=2" title="About">About</a></li>
<li class="page_item"><a href="http://kmrg.itb.ac.id/blog/?page_id=16" title="Contact">Contact</a></li>
</ul></li>


			<li><h2>Archives</h2>
				<ul>
					<li><a href="http://kmrg.itb.ac.id/blog/?m=200606" title="June 2006">June 2006</a></li>
	<li><a href="http://kmrg.itb.ac.id/blog/?m=200501" title="January 2005">January 2005</a></li>
	<li><a href="http://kmrg.itb.ac.id/blog/?m=200412" title="December 2004">December 2004</a></li>
				</ul>
			</li>

			<li><h2>Categories</h2>
				<ul>
					<li><a href="http://kmrg.itb.ac.id/blog/?cat=5" title="View all posts filed under Digital Library">Digital Library</a> (1)
</li>
	<li><a href="http://kmrg.itb.ac.id/blog/?cat=3" title="View all posts filed under News">News</a> (2)
</li>
	<li><a href="http://kmrg.itb.ac.id/blog/?cat=2" title="View all posts filed under Profile">Profile</a> (3)
</li>
				</ul>
			</li>


                        

			
		</ul>
	</div>


</div>
<hr>
<div id="footer" class="clearboth">
<!-- If you'd like to support WordPress, having the "powered by" link someone on your blog is the best way, it's our only promotion or advertising. -->
	<p>
		kmrg is proudly powered by 
		<a href="http://wordpress.org/">WordPress</a>
		<br><a href="feed:http://kmrg.itb.ac.id/blog/?feed=rss2">Entries (RSS)</a>
		and <a href="feed:http://kmrg.itb.ac.id/blog/?feed=comments-rss2">Comments (RSS)</a>.
		<!-- 21 queries. 1.291 seconds. -->
	</p>
</div>
</div>

<!-- Gorgeous design by Michael Heilemann - http://binarybonsai.com/kubrick/ -->

		
<script src="./kmrg   re born » Blog Archive » Web Engineering_files/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-567298-3";
urchinTracker();
</script>



</body></html>